<template>
    <div class="header">
        <form action="/">
            <van-search v-model="value" show-action placeholder="请输入搜索关键词"  />
            <van-grid>
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
</van-grid>
<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>
<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>
<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>

<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>
<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>
<div class="kk" @click="kk"></div>
<p>花谢啊实打阿达撒</p>
<p style="color: red;">￥13</p>

        </form>
    </div>
    <div class="footer">
  
    </div>
    
</template>
<script setup>

import { ref } from 'vue';
import axios from '@/utils/index'
import {useRouter} from 'vue-router'
    const  router=useRouter()
    let kk=()=>{
        router.push('/xing')
    }
</script>
<style>

    *{
        padding: 0; margin: 0;
        list-style: none;
    }
    .kk{
        width: 200px;
        height: 200px;
        background-color: pink;
    }
    .header{
        width: 100%;
        height: 100%;
    }
</style>